<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>计算属性</title>
</head>
<body>
<div id="app">
    <!-- 需求: 需要对一个字符串进行反转操作
				用户输入内容 abc
				要求的输出内容   cba
				思路: 字符串拆分为数组  将数组进行反转  将数组拼接成串
				方法说明:
				reverse(): 将数组进行反转
				join("连接符") 将数组拼接为字符串
			 -->
    用户输入: <input type="text" v-model="msg" /> <br>
    常规调用:{{msg.split('').reverse().join('')}}<br>
    <!-- 添加计算属性的名称-->
    计算属性调用: {{reverseMethod}}
</div>
<script src="../js/vue.js" ></script>
<script>
    const app = new Vue({
        el: '#app',
        data: {
            msg: ''
        },
        computed: {
            reverseMethod(){
                return this.msg.split('').reverse().join('')
            }
        }
    })
</script>
</body>
</html>